@import "common.scss";
.member-box {
  padding-left: 20px;
  margin-top: 5px;
}
.user-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,.1);
  display: none;
  z-index: 10;
}
.item-member .member .opero > a.deletePuserClick {
  font-size: 20px;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  border: 0;
  display: none;
}
.item-member .member:hover a.deletePuserClick{
  display: block;
}
.item-member .member .photo:hover .info-slide {
  display: block;
}
.p-content{
  .content-left{
    background:#f2f5f6;
    width: 65.25%;
    height: 100%;
    .p-header{
      height: 60px;
      line-height: 60px;
      color: #6d6d6d;
      overflow:hidden;
      margin: 0 3%;
      .names{
          >span{
          &:nth-child(1){
            font-size: 20px;
            color: #555;
            cursor: pointer;
          }
          &:nth-child(2){
            //color: #0088cc;
            display: inline-block;
            width: auto;
            padding:0 5px;
            height: 21px;
            line-height: 21px;
            color: #FFF;
            background:rgb(107,170,92);
            font-size: 11px;
          }
        
        }
      }
      .opers{
        .person{
          background: url(../images/icons-pro.png) no-repeat 0 -392px;
          width: 16px;
          height: 16px;
          margin: 25px 0 0 10px;
        }
        .activity{
          background: url(../images/activity.png) no-repeat left center;
          background-size: 12px 15px;
          display: inline-block;
          width: 12px;
          height: 15px;
          margin: 25px 0 0 10px;
        }
      }
      
    }
    .nav{
      width: 97%;
      margin: 0 0 0 3%;
      height: 33px;
      >li{
        float: left;
        line-height: 33px;
        height: 33px;
        text-align: center;
        width: 15%;
        font-size: 11px;
        background: RGB(226,233,237);
        color: rgb(111,121,141);
        margin: 0 2px 0 0 ;
        &:hover,&.current{
          cursor: pointer;
          color: #0088cc;
          background:#FFF;
          // border-bottom: 2px solid #0088cc;
        }
      }
    }
    .info-module{
      margin: 0 3% 0 3%;
      padding:20px 0 0 0;
      background:#FFF;
      .module-right{
        width: 40%;
        margin-right: 3%;
      }

      .module-table{
        background: #FFF;
        border:1px solid #e6ecef;
        .t-head{
          background:#edf1f3;
          box-shadow:inset 0 -1px 0 0 #e6ecef;
          width:98%;
          height:24px;
          line-height: 24px;
          padding:0 0 0 2%;
          position:relative;
          .edit{
            position:absolute;
            right: 2%;
            top: 5px;
            background:url("../images/icons-pro.png") no-repeat 0px -337px;
            width: 14px;
            height: 14px;
            cursor: pointer;
          }
        }
        .c-body{
          margin: 15px 15px 0 15px ;
          .base{
            width: 100%;
            >li{
              width: 100%;
              height: 50px;
              >div{
                &.name{
                  width: 30%;
                  text-align: left;
                  font-size:12px;
                  color:#99aabb;
                }
                &.text{
                  width: 70%;
                  font-size:12px;
                  color:#667788;
                 >tel{
                  font-family:PingFangSC-Regular;
                  font-size:14px;
                  color:#667788;
                  letter-spacing:0;
                 }
                 >.fethure{
                  display: inline-block;
                  border:1px solid #e6ecef;
                  padding:1px 8px;
                  margin: 0 0 0 20px;
                 }
                }
              }
            }
          }
          table.show-list{
            width: 90%;
            margin: 0 auto;
            >tbody{
              height: auto;
              >tr{
                font-size:12px;
                color:#667788;
                line-height:18px;
                &:nth-child(1){
                  height: 25px;
                  .type{
                    border:1px solid #e6ecef;
                    padding:1px 8px;

                  }
                }
                &:nth-child(2){
                  height: 50px;
                }
                >td{
                  .num-style{
                    font-size: 20px;
                    font-family: 'songti';
                  }
                }
              }
            }
          }
          table.edite-show-list{
            width: 90%;
            margin: 0 auto;
            >tbody{
              height: auto;
              >tr{
                font-size:12px;
                color:#667788;
                line-height:18px;
                height: 35px;
                >td{
                  &:nth-child(2n+1){
                    width: 32%;
                    text-align:right;
                    padding:0 6px 0 0;
                  }
                  >input,select{
                    width: 96%;
                    height: 22px;
                    border: 1px solid #dbdbdb;
                  }
                  >textarea{
                    width: 96%;
                    height: 30px;
                  }
                }
                }
              }



          }
        }
      }
      .module-person{
        // height: 270px;
        margin: 15px 0 0 0;
      }
      .module-sell{

        height: auto;
        padding-bottom: 20px;
      }

      .module-left{
        width: 54%;
        margin-left: 3%;
        .dot-module{
          margin: 10px 0 0 0;
          .dot-head{
            height: 24px;
            font-size:12px;
            color:#667788;
            line-height:26px;
            >i{
              width:24px;
              height:24px;
              border-radius:100%;
              display: inline-block;
              vertical-align: top;
              margin: 0 5px 0 0 ;
              &.dot-1{
                background:url(../images/icons-pro.png) no-repeat 5px 1px #8899aa;
              }
              &.dot-2{
                background:url(../images/icons-pro.png) no-repeat 6px -109px #8899aa;
              }
              &.dot-3{
                background:url(../images/icons-pro.png) no-repeat 4px -53px #8899aa;
              }
              &.dot-4{
                background:url(../images/icons-pro.png) no-repeat 7px -165px #8899aa;
              }
            }
          }
          >textarea{
            border:0px;
            margin: 5px 0 0 5px;
            resize:none
          }
          .tag-list{
            margin: 0 0 0 5px;
            // >li{
            //   color:rgb(3,161,242);
            //   height: 20px;
            //   line-height: 20px;
            //   border:1px solid rgb(0,159,242);
            //   float: left;
            //   font-size: 11px;
            //   padding:0 5px 0 5px;
            //   border-radius:2px;
            //   cursor: pointer;
            //   margin: 0 5px 0 0;
            //   >span{
            //     display: none;
            //     width: 10px;
            //     height: 10px;
            //     font-size: 16px;
            //     vertical-align: top;
            //     margin: 1px 5px 0 5px;
            //     color: rgb(125,140,160);
            //   }
            //   &:hover{
            //     background:rgb(226,233,237);
            //     color: rgb(73,87,102);
            //     border:1px solid rgb(226,233,237);
            //     >span{
            //       display: inline-block;
            //     }
            //   }
            // }
          }
          
        }

      }

    }

    .pro-module{
      color: red;
      .pro-list{
        width: 94%;
        margin: 0 auto;
        >thead{
          >tr{
            >td{
              color: #99aabb;
              height: 40px;
              text-align: center;
              border-bottom:2px solid rgb(217,226,231);
            }
          }
        }
        >tbody{
          >tr{
            >td{
              color: #667788;
              text-align: center;
              height: 40px;
              border-bottom:1px solid rgb(217,226,231);
              >.link{
                color: rgb(1,163,242);
              }
            }
            &:hover{
              background:rgb(226,233,237);
            } 
            
          }
        }
        
      }
      .pages{
          margin: 15px 0 0 0;
          .page-list{
            float: right;
          }
        }
    }
  }
  .content-right{
    background: #FFF;
    width: 34.75%;
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    .buttons{
        width: 100%;
        height: 36px;
        border-bottom: 1px solid rgb(217,226,231);
        >a{
          height: 35px;
          width: 50%;
          color: #8ea0ac;
          line-height: 35px;
          text-align: center;
          border-bottom: 1px solid rgb(255,255,255);
          cursor: pointer;

          &:hover,&.current{
            color: #03a1f2;
            border-bottom: 1px solid rgb(0,159,242);
          }
        }
    }
    .business, .operatin{
      .add-progress-form{
        padding:22px 0;
        border-bottom: 1px solid rgb(217,226,231);
        text-align: center;
        >input{
          width: 75px;
          height: 28px;
          background: #03a9f4;
          border:1px solid #03a9f4;
          border-radius: 4px;
          color: #FFF;
          cursor: pointer;
          &:hover{
            background: #66bb6a;
            border:1px solid #66bb6a;
          }
        }
        .add-input{
          width: 92%;
          margin: 0 auto;
          >tbody{
            >tr{
              >td{
                &:nth-child(2n+1){
                  text-align: right;
                }
                &:nth-child(2n){
                  text-align: left;
                  padding:5px;
                  >input,>select{
                    width: 60%;
                    height: 25px;
                    border:1px solid rgb(213,224,230);
                  }
                  >textarea{
                    width: 60%;
                    height: 50px;
                    border:1px solid rgb(213,224,230);
                  }
                  >button{
                    width: 50px;
                    height: 28px;
                    color: #FFF;
                    background:rgb(0,159,242);
                    border:0px;
                    border-radius:5px;
                    outline: none;
                    &:nth-child(2n){
                      background:#FFF;
                      border:1px solid #d9e2e7;
                      color: #99aabb;
                      margin: 0 0 0 10px;
                      cursor: pointer;
                    }
                    &:nth-child(2n+1){
                      &:hover{
                        background: #66bb6a;
                        border:1px solid #66bb6a;
                        cursor: pointer;
                      }
                    }
                  }
                }

                .visitors{
                  >li{
                    float: left;
                    line-height: 40px;
                    color: #99aabb;
                    margin-right: 10px;
                  }
                }

              }
            }
          }
        }
      }
      .cord-list{
        .cord-table{
          width: 92%;
          margin: 0 auto;
          .status{
            height: 34px;
            >td{
              >span{
                background:url(../images/icons-list.png) no-repeat 6px -54px #FFF;
                border:1px solid #dee6e9;
                width:20px;
                height:20px;
                border-radius:100%;
                display: inline-block;
                vertical-align: middle;
                &.s-2{
                  background:url(../images/icons-list.png) no-repeat 6px -54px #FFF;
                }
              }
              .status-head{
                background:#edf1f3;
                border-radius:2px;
                width: 94%;
                margin: 0 0 0 2%;
                height: 24px;
                padding: 0 2%;
                font-size:12px;
                color:#99aabb;
                line-height:24px;
              }
              
            }

          }
          .line{
            display: inline-block;
            width: 1px;
            height: 100%;
            background: rgb(236,240,242);
            position: absolute;
            top: 0;
            margin-left: 10px;
            z-index: 1;
          }
          .circle{
            display: inline-block;
            width: 18px;
            height: 18px;
            position:absolute;
            z-index: 2;
            background:#FFF;
            font-size: 20px;
            color: #8899aa;
            text-align:center;
            line-height: 20px;
            top: 17px;
            &:after{
              content: "";
              display: inline-block;
              position: absolute;
              width: 6px;
              height: 6px;
              background-color: #8899aa;
              border-radius: 100%;
              top: 6px;
              left: 7px;
            }
          }
          >tbody>tr>td{
            &:nth-child(2n+1){
              position:relative;
            }
          }
          .cord-detail{
            border-bottom: 1px solid #d9e2e7;
            padding:0 0 15px 0;
            >.t{
              height: 20px;
              line-height: 20px;
              margin: 15px 0  5px 0;
              >i{
                width:16px;
                height:16px;
                background:url(../images/icons-list.png) no-repeat 0px 0px #FFF;
                display: inline-block;
                vertical-align: top;
                margin: 1px 0 0 0;
              }
              >span{
                font-size:12px;
                color:#667788;
                padding:0 0 0 10px;
                &:nth-child(4){
                  color:#99aabb;
                }
              }
            }
            .key-list{
              margin: 5px 0 10px 0;
              >li{
                float: left;
                padding:0px 5px;
                height: 15px;
                line-height: 15px;
                border:1px solid #d9e2e7;
                color: #667788;
                margin: 0 5px 5px 0;
              }
            }
            .dec{
              font-size:12px;
              color:#99aabb;
              margin: 0 0 10px 0;
            }
            .plan{
              font-size:12px;
              .title{
                color:#667788;
              }
              .paper{
                margin: 3px 0 0 0;
                color:#99aabb;
              }
            }
          }
        }
      }
    }

  }
}




// 暂未完成：开始
    .unfinished{
      margin: 0 3% 0 3%;
      padding: 20px 0 0 0;
      background: #FFF;
      text-align: center;
      >img{
        margin: 50px 0 20px 0;
      }
      >p{
        font-size: 24px;
        color: #112233;
      }
    }
// 暂未完成：结束

//弹框样式
.client-card-box{
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  background: #ffffff;
  
  .card-title{
    background: #f2f5f6;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color:#334455;
    padding: 0 0 0 30px;
    position:relative;
    >a{
      position:absolute;
      right: 20px;
      top: 2px;
      font-size: 20px;
      color: #99aabb;
      cursor: pointer;
    }
  }
  .card-box{
    .card-input{
      width: 90%;
      margin: 0 auto;
      >tbody>tr{
        >td{
            color: #99aabb;
            height: 40px;
          &:nth-child(1){
            width: 20%;
            text-align: right;
            padding:0 5px 0 0;
          }
          &:nth-child(2){
            >input{
              width: 90%;
              height: 25px;
              border: 1px solid #d5e0e6;
            }
          }
        }
      }
    }
  }
  .buttons{
    text-align: center;
    margin: 15px 0 10px 0;

  }
}


// 标签



.tag-list {
  margin: 0 0 0 5px; }
  .tag-list > li {
    color: #99aabb;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d9e2e7;
    float: left;
    font-size: 11px;
    padding: 0 5px 0 5px;
    border-radius: 2px;
    cursor: pointer;
    margin: 0 5px 5px 0; }
    .tag-list > li > span {
      display: none;
      width: 10px;
      height: 10px;
      font-size: 16px;
      vertical-align: top;
      margin: 1px 5px 0 5px;
      color: #7d8ca0; }
    .tag-list > li:hover {
      background: #e2e9ed;
      color: #495766;
      border: 1px solid #e2e9ed; }
      .tag-list > li:hover > span {
        display: inline-block;
        color: #99aabb; }

.add-tag{
  width: 60px;
  height: 23px;
  line-height: 23px;
  border:1px solid rgb(226,233,237);
  border-radius: 2px;
  color: rgb(142,160,172);
  text-align: center;
  margin: 5px 0 0 5px;
  cursor: pointer;
  }
  .add-tag-con{
  margin: 5px 0 0 5px;
  display: none;
  >input{
    &:nth-child(1){
      border:1px solid #009ff2;
      width: 120px;
      height: 23px;
    }
    &:nth-child(2),&:nth-child(3){
      border:1px solid rgb(51,160,241);
      width: 50px;
      height: 23px;
      background:rgb(51,160,241);
      color: #FFF;
      border-radius:2px;
      margin: 0 0 0 5px;
      cursor: pointer;
    }
    &:nth-child(3){
      border:1px solid rgb(242,242,242);
      background:#FFF;
      color: rgb(157,166,153);
    }
  }
}
.add-tag, .add-tag-exist {
  width: 60px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e2e9ed;
  border-radius: 2px;
  color: #8ea0ac;
  text-align: center;
  margin: 5px 0 0 5px;
  cursor: pointer; }
.add-tag-con {
  margin: 5px 0 0 5px;
  display: none; }
  .add-tag-con > input:nth-child(1) {
    border: 1px solid #009ff2;
    width: 120px;
    height: 23px; }
  .add-tag-con > input:nth-child(2), .add-tag-con > input:nth-child(3) {
    border: 1px solid #33a0f1;
    width: 50px;
    height: 23px;
    background: #33a0f1;
    color: #FFF;
    border-radius: 2px;
    margin: 0 0 0 5px;
    cursor: pointer; }
  .add-tag-con > input:nth-child(3) {
    border: 1px solid #f2f2f2;
    background: #FFF;
    color: #9da699; }

.tag-con {
  position: relative; }

.add-tag-exist-con{
  display: none;
  position:absolute;
  background:#ffffff;
  border:1px solid rgba(150,150,150,0.18);
  box-shadow:0 10px 20px 0 rgba(0,0,0,0.14);
  border-radius:2px;
  width:152px;
  height:175px;
  overflow-y: scroll;
  top: 0px;
  left: 72px;
  z-index: 40;
  .close{
    color: #99aabb;
    font-size: 12px;
        display: block;
    text-align: right;
    padding: 3px 5px 0 0;
  }
}
.tag-out-list {
  margin: 10px 0 0 10px; 
}
  .tag-out-list > li {
    height: 25px;
    line-height: 25px;
    color: #99aabb; 
    cursor: pointer;
  }
    .tag-out-list > li > i {
      width: 10px;
      height: 7px;
      float: right;
      margin: 9px 10px 0 0;
      background: url("../images/t-6.png") no-repeat;
      display: none; }

.card-btn {
  width: 96px;
  height: 30px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  background: #009ff2;
  color: #FFF;
  border: 1px solid #009ff2; }

.card-btn-gray {
  color: #2e3f51;
  border: 1px solid #d9e2e7;
  background: #FFF; }

.show-exit-list{
  position: absolute;
  top: 144px;
  width: 100%;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.item-member {
  position: fixed;
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(150, 150, 150, 0.18);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
  width: 298px;
  z-index: 100;
  right: -298px;
  top: 68px;
}
  .item-member > h3 {
    background: #f2f5f6;
    height: 28px;
    font-size: 12px;
    color: #667788;
    line-height: 28px;
    padding: 0 0 0 20px;
    position: relative; }
    .item-member > h3 .add-member {
      position: absolute;
      right: 20px;
      color: #99aabb;
      font-size: 12px;
      cursor: pointer; }
  .item-member .member {
    height: 48px;
    padding: 10px 0; }
    .item-member .member .photo {
      margin: 0 20px;
      position: relative; }
      .item-member .member .photo .img {
        display: inline-block;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        border: 1px solid #d9e1e5;
        overflow: hidden;
        img {
          max-width: 100%;
        }
      }
      .item-member .member .photo .info-slide {
        position: absolute;
        background: #ffffff;
        border: 1px solid rgba(150, 150, 150, 0.18);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
        width: 238px;
        height: 340px;
        top: -14px;
        right: 55px;
        display: none;
        z-index: 99;
      }
        .item-member .member .photo .info-slide .slide-table {
          width: 80%;
          margin: 0 auto; }
          .item-member .member .photo .info-slide .slide-table > tbody > tr > td {
            text-align: left;
            height: 27px; }
            .item-member .member .photo .info-slide .slide-table > tbody > tr > td.td-img {
              text-align: center;
              height: 195px; }
            .item-member .member .photo .info-slide .slide-table > tbody > tr > td .img {
              display: inline-block;
              width: 80px;
              height: 80px;
              border-radius: 100%;
              border: 1px solid #d9e1e5;
              overflow: hidden; }
            .item-member .member .photo .info-slide .slide-table > tbody > tr > td > h3 {
              font-size: 16px;
              color: #334455; }
            .item-member .member .photo .info-slide .slide-table > tbody > tr > td > h6 {
              font-size: 12px;
              color: #99aabb; }
            .item-member .member .photo .info-slide .slide-table > tbody > tr > td > p {
              font-size: 12px;
              color: #667788;
              height: 18px;
              line-height: 18px;
              width: 100%; }
              .item-member .member .photo .info-slide .slide-table > tbody > tr > td > p > i {
                display: inline-block;
                width: 16px;
                height: 16px;
                vertical-align: top; }
                .item-member .member .photo .info-slide .slide-table > tbody > tr > td > p > i.tel {
                  background: url("../images/t-7.png") no-repeat 0px center;
                  margin: 0px 0 0 5px; }
                .item-member .member .photo .info-slide .slide-table > tbody > tr > td > p > i.email {
                  background: url("../images/t-8.png") no-repeat 0px center;
                  margin: 0px 5px 0 4px; }
                .item-member .member .photo .info-slide .slide-table > tbody > tr > td > p > i.dec {
                  background: url("../images/t-9.png") no-repeat 0px center;
                  margin: 0px 5px 0 4px; }
    .item-member .member .info {
        >p:nth-child(1) {
          >span{
            color: #99aabb;
          }
        }
      font-size: 14px;
      color: #334455;
      margin: 4px 0 0 0; }
      .item-member .member .info > p:nth-child(2) {
        font-size: 12px;
        color: #99aabb; }
    .item-member .member .opero {
      margin: 4px 20px 0 0; }
      .item-member .member .opero > a {
        width: 48px;
        height: 20px;
        border: 1px solid #e6ecef;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        color: #8899aa;
        border-radius: 4px; }
  .item-member .leader {
    padding: 20px 0; }

.member-slide {
  position: absolute;
  background: #ffffff;
  border: 1px solid rgba(150, 150, 150, 0.18);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
  border-radius: 2px;
  width: 238px;
  height: 325px;
  top: 0px;
  right: 0px;
  z-index: 20;
  &.assignmentClass {
    top: -35px;
    height: 295px;
  }
}
  .member-slide .search-member {
    height: 34px;
    border-bottom: 1px solid #d9e1e5;
    width: 100%;
    background: url("../images/t-2.png") no-repeat 5px center; }
    .member-slide .search-member > input {
      height: 34px;
      width: 210px;
      margin: 0 0 0 25px;
      border: 0px; }
  .member-slide .member-box {
    height: 256px;

    overflow-y: scroll;
     }
    .member-slide .member-box .mem-list > li {
      width: 100%;
      padding: 6px 0;
      cursor: pointer; }
      .member-slide .member-box .mem-list > li .photo{
        margin: 0 15px;
      }
      .member-slide .member-box .mem-list > li  .img {
        width: 32px;
        height: 32px;
        border-radius: 100%;
        border: 1px solid #d9e1e5;
        overflow: hidden;  }
      .member-slide .member-box .mem-list > li > span {
        color: #334455;
        font-size: 12px;
        line-height: 32px;
        margin: 0 0 0 5px; }
      .member-slide .member-box .mem-list > li > i {
        width: 10px;
        height: 7px;
        float: right;
        margin: 10px 10px 0 0;
        background: url(../images/t-6.png) no-repeat; }
      .member-slide .member-box .mem-list > li .check {
        width: 10px;
        height: 7px;
        border: 0;
        background: url(../images/t-6.png) no-repeat;
        display: none;
        margin: 10px 0;
      }
  .member-slide .member-box .mem-list > li .check.active {
    display: block;
  }
  .member-slide .btns {
    height: 34px;
    width: 100%;
    background: #f2f5f6; }
    .member-slide .btns .cancel {
      color: #99aabb;
      font-size: 12px;
      float: right;
      line-height: 34px;
      cursor: pointer; }
    .member-slide .btns .sure {
      cursor: pointer;
      width: 46px;
      height: 16px;
      border: 1px solid #99aabb;
      display: inline-block;
      line-height: 16px;
      text-align: center;
      border-radius: 4px;
      color: #667788;
      background: #FFF;
      float: right;
      margin: 8px 15px 0 15px; }

.error-i{
  border: 1px solid $color-red!important;
  box-shadow: 0px 0px 3px $color-red;
  animation: light .3s ease-in-out;
}


/*开户资料777S*/
.accountInfo{
  .accountTable{
    width: 94%;
    margin: 20px auto 0 auto;
    tbody.account-check-body{
      color: #0a0909;
      >tr{
        height:38px;
        font-size: 13px;
        color: #667788;
        >td{
          &:nth-child(1),&:nth-child(3){
            text-align: right;
            width: 24%;

          }
          &:nth-child(2),&:nth-child(4){
            text-align: left;
            width: 25%;
          }
          >input[type="text"]{
            height: 20px;
            width: 100%;
          }
        }
      }
    }
    tbody.account-btn-body{
      >tr{
        height:58px;
        .commit-now-btn{
          background: #d5d7d8;
          border: 1px solid #d5d7d8;
        }
        &:nth-child(1){
          >td{
            text-align: center;
          }
        }
        &:nth-child(2){
          >td{
            &:nth-child(1){
              text-align: right;
            }
            &:nth-child(2){
              text-align: left;
              padding-left: 10px;
            }

          }
        }
      }
    }

  }
}
.addAttachmentList > li > div > .delete{
  padding-left: 10px;
}
